//1.0 导入vue核心包
import Vue from 'vue';

//2.0 导入App.vue的vue对象
import App from './App.vue';

//3.0 将vue-router集成到这个项目中来
import vueRouter from 'vue-router';

//3.0.1 vueRouter 对象绑定在Vue 对象上
Vue.use(vueRouter);

//3.0.2导入路由规则对应的组件对象
import home from './componets/home.vue';//首页
import shopCar from './componets/shopCar/car.vue';//购物车
import newslist from './componets/news/newslist.vue';//新闻列表
import newsinfo from './componets/news/newsinfo.vue';//新闻列表详情
//3.0.2 定义路由规则
var router = new vueRouter({
	linkActiveClass:'mui-active',
	routes:[
        {
            path:'/',
            redirect:home //设置当服务器启动的时候默认进入/home 页面
        },
		{
			path:'/home',
			component:home
		},
		{
			path:'/shopCar',
			component:shopCar
		},
		{ 
			path:'/news/newslist',
			component:newslist
		},
		{
			path:'/news/newsinfo/:id',
			component:newsinfo
		}
	]
});

//4.0 注册mint-ui
import mintui from 'mint-ui';
//4.0.1在vue中使用
Vue.use(mintui);
//4.02导入mint-ui的css样式
import 'mint-ui/lib/style.min.css';

//5.0注册muid的css样式
import '../statics/mui/css/mui.css';

//6.0导入一个系统的全局基本样式
import '../statics/css/site.css';

//7.0应用vue-resource 在vue对象上绑定，自动在vue对象实例上注入一个$http对象就可以使用ajax方法了
import vueResource from 'vue-resource';
Vue.use(vueResource);

//8.0注册全局过滤器实现日期的格式化
import moment from 'moment' ;

Vue.filter('datefmt',function(input,fmtstring){
	//使用momentjs这个日期格式化类库实现日期格式化功能
	return moment(input).format(fmtstring);
});


//9.0 利用vue对象进行解析渲染
new Vue({
	el:'#app',
	//使用路由对象实例
	router,
//	render:function(create){ create(App)}//es5的写法
	render:c => c(App) //es6的函数写法
});
